@charset "UTF-8";
@import "../common/scss/mobile";
@import "../common/scss/mixins";
@import "../common/scss/sprites";
body{
	background-color:$bg02;
	height:100%;
}
.tradingrecord{
	.recordlist{
		.record-item{
			padding:1.4rem;
			color:$color01;
			font-size:$fs11;
			background-color:$bg00;	
			margin-bottom:1.4rem;			
			.title-row,.date-row{
				@extend .flex-row;
			}
			.title-row{
			    padding-bottom:0.8rem;
			}
			.title,.price,.date,.status{
				align-self:center;
			}
			.title,.date{
				@extend .flex-item;
			}
			.title{
				color:$color03;
				font-size:$fs15;
				text-indent: -0.7rem;
			}
			.price{
				font-size:$fs15;
				sub{
					font-size:$fs11;
				}
			}
			.status{				
				font-size:$fs15;
				&.status-success{
					color:$color04;					
				}
				&.status-failure{
					color:$color05;
				}
			}
		}
	}
	.no-record{
	    padding-top:7.2rem;
		text-align:center;
		.record-icon{
			padding-bottom:4rem;
		   .icon-no-record{
				@include mix-no-record();
		   }
		}
		.record-text{
			font-size:$fs15;
			color:$color01;
		}
	}
}
